<template>
	<h1>App</h1>
	<p>{{ count }}</p>
	<button @click="update">update</button>
	<AComp :count="count" @update="update"/>
</template>

<script setup>
/*
  setup语法糖：
    1. 整个script标签在setup函数中执行
    2. 定义的数据不用暴露，它会自动暴露
*/
import {
	ref,
	// reactive,
	// watch,
	// computed,
	// onMounted
} from "vue";
// 引入组件会自动注册
import AComp from "./AComp.vue";

const count = ref(0);

const update = () => {
	count.value++;
};
</script>

<style></style>
